<template>
  <div>
    <!-- v-model.number 讲非数子转化为数字 -->
    年龄：<input type="text" v-model.number="age" />
    <br />
    自我介绍
    <!-- v-model.lazy 类似于 失去焦点时才被触发 -->
    <textarea v-model.lazy="introduction" cols="30" rows="10"></textarea>
    <br />
    <!-- v-model.trim 去除首尾多余的空格 -->
    简单<input type="text" v-model.trim="trim1" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      age: 0,
      introduction: "",
      trim1: "",
    };
  },
};
</script>

<style>
</style>